<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQuery基础语法</title>
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<button id="btn">按钮2</button>
		
		<script>
		//JQuery注释  遵循JavaScript【两种】
		/* 多行注释 */ 
		//首行出现语法   工厂函数功能：抓取页面上的元素，属性和属性值，对页面函数做操作
		//工厂函数使用方式   语法：①  $("选择器")或$('选择器')
		//                            注意：单双引号解决嵌套问题
		//                          语法②: jQuery("选择器")或jQuery('选择器')
		//工厂函数第一种使用方式
		/* $('button').click(function(){
			document.write("<h1>每当想起你时</h1>"); ---DOM 输出语句 直接在页面 输出语句
		}); */
		//工厂函数第二种使用方式
		jQuery("#btn").click(function(){
			//console.log("这世界有那么多人");  -----ECMAscript核心 输出语句 F12控制台 
			//alert("寂寞烟火");                 ----BOM 浏览器弹出 输出语句
		});
		//JQ基础语法组成：工厂函数【两种】，事件源【4类15种】(function(){
		//	                                                       DOM+逻辑或BOM+逻辑或逻辑})
		
		</script>
	</body>
</html>